<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>当当购物车</title>
		<script type="text/javascript">
			function close_plan(){
			window.close();
			}
			function move(){
				var flag=confirm("移入收藏后,将不在购物车显示,是否继续操作?");
				if(flag){
					alert("移入收藏成功!")
				}
			}
			function deleteProduct(){
				var flag=confirm("您确定要删除商品吗?");
				if(flag){
					alert("删除成功!");
				}
			}
			function jiesuan(){
				var flag=confirm("您本次购买的商品信息如下:\n\n商品名称:白说 、岛上书店!\n商品数量:2件;\n商品总计:46.0;\n运费:0元!\n\n请确认以上信息是否有误!!!");
				if(flag){
					alert("您的订单已提交!");
				}
			}
		</script>
		<style type="text/css">

			header{
				width=500px;
				border: 1px solid white;
			}
			section{
				width=500px;
				height: 600px;
				border: 1px solid white;
				background-image: url(img/shoppingBg1.jpg);
				background-size:cover;
				background-position: center;
				background-repeat: no-repeat;
			}
			header input{
				background-color: black;
				color: white;
				border-radius:9px;
				font-size: 14px;
			}
			header p{
				float: right;
				margin-right: 50px;
			}

			.clear{
				clear: both;
				margin: 0px;
				padding: 0px;
			}
			#move{
				margin-bottom: 0px;
				margin-left: 1030px;
				margin-top: 160px;
			}
			#move1{
				margin-left: 1030px;
				margin-top: 10px;
			}
			#move2{
				margin-left: 1030px;
				margin-top: 115px;
			}
			#move3{
				margin-left: 1030px;
				margin-top: 10px;
			}
			#jiesuan{
				margin-left: 1030px;
				margin-top: 140px;
			}
			section input{
				background-color: black;
				color: white;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
		<header>
			<img src="img/dd_logo.jpg"/>
			<p>
			<input type="button" name="close" id="close" value="关闭" onclick="close_plan()"/>
			</p>
		</header>
		<section>
			<div id="move">
				<span onclick="move()">
					移入收藏
				</span>
			</div>
			<div id="move1">
				<span onclick="deleteProduct()">
					删除
				</span>
			</div>
			<div id="move2">
				<span onclick="move()">
					移入收藏
				</span>
			</div>
			<div id="move3">
				<span onclick="deleteProduct()">
					删除
				</span>
			</div>
			<div id="jiesuan">
				<input type="button" name="close1" id="close1" value="结算" onclick="jiesuan()"/>
			</div>
		</section>
		
	</body>
</html>
